<template>
  <div id="contact">
    <!-- 轮播图 -->
    <div>
      <!-- <b-carousel
        id="carousel-1"
        v-model="slide"
        :interval="4000"
        controls
        indicators
        background="#ababab"
        img-width="1024"
        img-height="200"
        style="text-shadow: 1px 1px 2px #333;"
        @sliding-start="onSlideStart"
        @sliding-end="onSlideEnd"
      > -->
        <!-- <b-carousel-slide v-for="(img,index) in pu" :key="index" :img-src="img"></b-carousel-slide> -->
      <!-- </b-carousel> -->
       <img src="../assets/images/indexpic1.jpg" alt="" style="width:100%;height:30%">
    </div>
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 contactus contactusone">
        <h3>CONTACT US</h3>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 contactus">
        <h5>联系我们</h5>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 contactus">
        <p class="pone">如有任何问题请联系我们，我们24小时竭诚为您服务</p>
        <p>000-000-000</p>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 contacttext"><p>关注官方微博</p><p>**************</p></div>
      <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 contacttext"><p>关注官方微信</p><p>**************</p></div>
      <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 contacttext"><p>在线QQ客服</p><p>**************</p></div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      pu: [
        require("../assets/images/indexpic1.jpg"),
        require("../assets/images/indexpic2.jpg"),
        require("../assets/images/indexpic3.jpg")
      ],
      slide: 0,
      sliding: null,
    };
  },
  methods: {
    onSlideStart(slide) {
      this.sliding = true;
    },
    onSlideEnd(slide) {
      this.sliding = false;
    }
  }
};
</script>
<style lang="css" scoped>
* {
  margin: 0;
  padding: 0;
}
#contact{
  width: 100%;
}
.contactus {
  text-align: center;
}
.contactusone {
  height: 100px;
  line-height: 100px;
  padding: 40px;
  color: rgb(64, 116, 52);
  font-weight: bolder;
  /* border:1px solid red; */
}
.contactus h5 {
  font-weight: bold;
  color: grey;
}
.contactus .pone {
  height: 60px;
  line-height: 60px;
  color: grey;
  /* border:1px solid red; */
}
.contacttext{
  height: 120px;
  text-align: center;
  margin-top:80px;
  color:grey;
}
.carousel-indicators {
  z-index:2;
}
</style>